<template>
  <div>
    <div class="box">
      <my_header></my_header>
      <el-row>
        <el-col
          style="height: 50px;font-size: 30px;text-align: left"
          :span="24">今日敏感舆情
        </el-col>
      </el-row>
      <br>
      <el-card style="width: 98%;margin: 0 auto">
        <!--标题-->
        <el-row style="height: 30px">
          标题
        </el-row>
        <!--来源+媒体类型-->
        <el-row>
          <el-col :span="12">来源</el-col>
          <el-col :span="12">媒体类型</el-col>
        </el-row>
        <!--所属地域+所属重点地域-->
        <el-row>
          <el-col :span="12">所属地域</el-col>
          <el-col :span="12">所属重点地域</el-col>
        </el-row>
        <!--舆情属性+涉及关键词-->
        <el-row>
          <el-col :span="12">舆情属性</el-col>
          <el-col :span="12">涉及关键词</el-col>
        </el-row>
        <!--主题+发布时间-->
        <el-row>
          <el-col :span="12">主题</el-col>
          <el-col :span="12">发布时间</el-col>
        </el-row>
        <!--原文链接-->
        <el-row>
          url:原文链接
        </el-row>
        <!--消息内容-->
        <el-row>
          <p>
            消息内容消息内容消息内容消息内容消息内容
          </p>

        </el-row>
      </el-card>
    </div>
  </div>
</template>

<script>
import my_header from "../../components/my_header";

export default {
  name: "today_yuQing_detail",
  components: {
    my_header
  },
  data() {
    return {
      today_yuQing_detail_data: {}
    }
  },
  created() {
    this.getData()
    console.log("seven_hot_yuQing_detail")
  },
  methods:{
    async getData(){
      let {data: res} = await this.$http.get("http://39.102.42.76:3000/mock/11/api/today_yuqing_detail")
      this.today_yuQing_detail_data=res.data
      console.log(this.seven_hot_rank_data)
    }
  }
}
</script>

<style scoped>
* {
  background-color: #415c80;
  color: #ccd8e0;
  /*border: 1px solid;*/
}

.time {
  height: 40px;
  color: #ccd8e0;
}

.box {
  width: 1500px;
  height: 700px;
  /*height: 700px;*/
}

</style>
